@charset "utf-8";
.Roombox { text-align: left; }
.room_left { width: 100%; position: relative;}

/*room焦点图 begin*/
.icon,.avatar,
.detail_room li .lineList,
.detail_room li b,
.toLocation span b,
.title h2.cn .s,
.title h2.cn .y,
.title .en .y{background-image: url(../images/detailicon.png); background-repeat:no-repeat;}
.icon-prev{background-position: 0 -20px; background-color: #3d3d3d;}
.icon-prev:hover{background-position: -165px -20px;}
.icon-next{background-position: 0px -50px; background-color: #3d3d3d;}
.icon-next:hover{background-position: -165px -50px;}
.lof-slidecontent {border: 0 solid #f00;overflow: hidden;position: relative;text-align: center;height: 495px;width: 620px;color: #fff;display:none; margin-bottom:20px; float: left;}
.current_lof{display:block;}
.lof-main-outer {height: 400px;overflow: hidden;position: relative;width: 620px; }
.lof-main-outer .room1212 {position: absolute;top:0px;right:0px;width: 56px;height:39px;background: url(../images/1212.png) no-repeat;z-index: 999;}
.lof-main-outer .countdownbg { position: absolute;height: 400px;overflow: hidden;width: 620px;z-index: 999;background: rgba(0,0,0,.38);}
.lof-main-outer .countdownbg h5 {text-align: center;color: #fff; font-size: 18px;padding: 165px 0 10px 0;letter-spacing: 5px;}
.lof-main-outer .countdownbg .newTime {color: #fff;text-align: center;}
.lof-main-outer .countdownbg .newTime .bg {width: 26px;height: 26px;text-align: center;line-height: 26px;display:inline-block; margin:0 6px;border-radius:2px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7056,endcolorstr=#ff5856,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7056,endcolorstr=#ff5856,gradientType=0);/*IE8*/
    background:#ff7056; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, #ff7056, rgba(255, 88, 86, 1));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff7056), to(rgba(255,88, 86, 1)));
    background:-o-linear-gradient(top, #ff7056, rgba(255, 88, 86, 1));
}

ul.lof-main-wapper {height: 400px;left: 0;overflow: hidden;position: absolute;top: 0;width: 620px;}
ul.lof-main-wapper li {height: 400px;margin: 0;overflow: hidden;padding: 0;position: relative;width: 620px; background:#f3f3f3;}
.lof-slidecontent .woshi{position:absolute; right:0px; bottom:0px; z-index:99; width:100%; display:none; color:#fff; font-size:18px; height:30px; line-height:30px;}

ul.lof-main-wapper li img {
    margin: 0 auto;
    max-width: 620px;
    max-height: 400px; /*width: 100%;*/
    height: 100%;
}

.lof-navigator-wapper {background:#fff;top:404px;height:91px;position: absolute;left: 0;width: 620px; overflow: hidden;}
.lof-previous,.lof-next{height: 84px; position: relative; width:26px;cursor: pointer; margin-top: 7px; overflow: hidden;line-height: 26px; float: left;background-color: #d3d3d3;}
.lof-next{float: right;}

.lof-main-outer .lof-previous{width:26px; height:50px; left:20px; top:50%; margin-top:-25px; z-index:99; background:url(../images/prev.png) no-repeat 0 0; float:none; position: absolute; display:none; }
.lof-main-outer .lof-previous:hover{background:url(../images/prev.png) no-repeat 0 -50px; }
.lof-main-outer .lof-next {width:26px; height:50px; left:auto; right:20px;  top:50%; margin-top:-25px; z-index:99; background:url(../images/next.png) no-repeat 0 0; float:none; position: absolute; display:none;}
.lof-main-outer .lof-next:hover{background:url(../images/next.png) no-repeat 0 -50px;}

.lof-navigator-wapper .lof-previous i,.lof-navigator-wapper .lof-next i{ width: 16px; height: 29px; margin: 0 auto; margin-top: 27px; display: block;
    background: url(../images/pn.png); }
.lof-navigator-wapper .lof-previous i { background-position: 0 0; }
.lof-navigator-wapper .lof-previous:hover,.lof-navigator-wapper .lof-next:hover{background-color: #ff9700;}
/*.lof-navigator-wapper .lof-previous:hover i {background-position: 0 -58px;}*/
.lof-navigator-wapper .lof-next i {background-position: 0 -29px;}
/*.lof-navigator-wapper .lof-next:hover i {background-position: 0 -87px;}*/

.lof-main-outer:hover .lof-previous{display:block;}
.lof-main-outer:hover .lof-next{display:block;}

.lof-navigator-outer {color: #fff;height:84px; overflow: hidden; position: relative; width: 620px;z-index: 3; float: left; margin-left: 4px;}
ul.lof-navigator {height: 84px;padding: 0;position: absolute;top: 0px;left:0; width:620px; }
ul.lof-navigator li {cursor: pointer;display: block;margin: 0;padding-top: 7px;text-align: center; width:84px; height: 140px; float: left;}
ul.lof-navigator li.active {padding-top: 0px;}
ul.lof-navigator li .lidiv{margin: 0 auto;}
ul.lof-navigator li.active .lidiv {position: relative;height: 84px;width: 130px; padding-top: 7px;}
ul.lof-navigator li.active .lidiv .bor_act{border: 3px solid #ffa000;height: 78px; width: 124px;position: absolute;left: 0;top:7px;}
ul.lof-navigator li.active .lidiv .htop{ width: 13px; height: 7px; position: absolute;left: 50%; margin-left:-7px; top:0px;
    background: url(../images/htop.png); z-index: 99; display: block;}

ul.lof-navigator li .lidiv img {
    height: 82px;
    max-width: 128px;
    /*width: 128px;*/
    /*opacity: .7;
    filter: alpha(opacity=70);*/
    border: solid 1px #ccc;
}

ul.lof-navigator li.active .lidiv img {
    height: 82px;
    max-width: 128px;
    /*width: 128px;*/
    opacity: 1;
    filter: alpha(opacity=100);
}

ul.lof-navigator li:hover .lidiv img{
    border-color: #ff9700;
}

/*room焦点图 end*/

.maininfo { width: 522px; position: relative; float: right;}
.aloneFlag {
    background: url(../images/aloneFlagBack.png) no-repeat;height: 39px;margin-bottom: 10px;
}
.aloneFlag .span1{
    line-height: 39px;font-size: 16px;color: #fff;margin-left: 15px;
}
.aloneFlag .span2{
    line-height: 39px;font-size: 16px;color: #3FB9A0;margin-left: 48px;
}
.room_name{margin-bottom: 10px;}
.room_name h2{font-size: 22px; line-height: 28px; margin-bottom:10px;}
.room_name h2 i.short {display: inline-block;background-color: #ff6b11;border-radius: 2px;padding:0 5px;
    height:24px;line-height:24px; margin:4px 10px 0 0; float: left;color: #fff;font-size: 14px;}
.room_name .pr {
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    padding-left: 20px;
    background: url(../images/tenement/dingwei_icon.png) no-repeat left center;
}
.room_name .lineList {position: relative; color: #999; cursor: pointer;padding-right: 20px; background: url(../images/linearrow.png) no-repeat right center;}
.room_name .lineList .box{position: absolute; left: 0; top: 25px; z-index: 999; background: #fff; padding: 5px 10px; border: solid 1px #ccc; display: none; line-height: 24px; border-radius:5px;}
.room_name .lineList .box p{border-bottom:dotted 1px #ccc;white-space:nowrap;  }
.room_name .lineList .box p.last{border-bottom:none}
.room_name .lineList:hover .box{display: block;}
.room_name .lineList .iconfont{display:inline-block; margin-left:10px;}
.room_name .lineListnone{background:none; cursor:default;}

.roomPrice {font-size:14px; color: #999; line-height: 30px; margin-bottom: 20px;}
.roomPrice .name {padding-left: 28px;}
.roomPrice .room_price{position:relative; bottom:-3px; font-size: 30px;color:#FF571A;font-weight: bold;}
.roomPrice span.gray-6{font-size:14px; color: #333;}

.roomPrice .newTips {
    color: #333;
    background-color:#fff;
    height: 36px;
    float:right;
    padding:0 15px;
    line-height: 36px;
    margin-top: 5px;
}

.roomPrice .newTips i
{
    background: url(../images/t-right.png) no-repeat;
    width:14px;
    height:14px;
    display:inline-block;
    background-size: 100%;
    margin-right: 5px;
    position: relative;
    float:left;
    top:11px;
}
.roomPrice .newTips i.secondi{margin-left: 25px;}
.roomPrice .newTips span {float: left;}


.room_tags{ height: 30px;margin-bottom: 30px;}
.room_tags a{background-color: #fff; font-size: 14px; padding: 0 14px;line-height: 28px; height: 28px; display: inline-block; margin-right:14px; float: left;}
.room_tags a.fc1{background: #E1EBF5;color: #5B97F2;}/*离地铁10分钟*/
.room_tags a.fc2{background: #F5EEE1;color: #FFA81D;}/*朝南*/
.room_tags a.fc3{background: #F5E1F1;color: #D65BCF;}/*独卫*/
.room_tags a.fc4{background: #E1F5ED;color: #33BE85;}/*阳台*/
.room_tags a.fc5{border-color: #db94d2;color: #db94d2;}/*飘窗*/
.room_tags a.fc6{border-color: #f495a7;color: #f495a7;}/*闺蜜房*/



.detail_room{padding:10px 40px; background:#f5f5f5; border-radius:5px; color:#999; font-size:12px; margin-bottom:18px; position:relative; z-index:6;}
.detail_room li{line-height: 39px; position: relative;font-size:14px;color:#1A1A1A}
.detail_room li b{width:18px; height:18px; position: absolute; left: -25px; top: 10px;background: url(../images/pointicon.png) 0 center no-repeat;}
.detail_room li:first-of-type b{background: url("../images/tenement/louceng_icon.png") no-repeat center}
.detail_room li:nth-of-type(2) b{background: url("../images/tenement/mianji_icon.png") no-repeat center}
.detail_room li:last-of-type b{background: url("../images/tenement/chaoxiang_icon.png") no-repeat center}
.detail_room li .val {color: #1A1A1A;}

.housekeeper{ margin-bottom:20px; position:relative; z-index:2; height:60px; }
.housekeeper .txt { width: 245px; float: left; }
.housekeeper .txt .name { font-size: 14px; color: #333; }
.housekeeper .txt .call {font-size: 24px; margin-top: 8px; color: #FF571A;}
.room_btns{ width: 270px; float: right; }



.room_btns a.view {
    color: #1A1A1A;
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    background:rgba(244,220,54,1);
    border-radius:30px;
    -moz-box-shadow:7px 5px 10px rgba(244,220,54,0.36);;/*firefox*/
    -webkit-box-shadow:7px 5px 10px rgba(244,220,54,0.36);;/*webkit*/
    box-shadow:7px 5px 10px rgba(244,220,54,0.36);;/*opera或ie9*/
}
.room_btns a.view span { padding-left: 40px; display: inline-block; background: url(../images/tenement/yuyue_icon.png) 0 20px no-repeat; height: 60px; }

.room_btns a.viewGray {
    background: rgba(218, 218, 218, 1);
    border: solid 1px rgba(218, 218, 218, 1);
    -moz-box-shadow: none; /*firefox*/
    -webkit-box-shadow: none; /*webkit*/
    box-shadow: none; /*opera或ie9*/
}
.serverWatcher{ width: 100%; margin-bottom: 10px;}
.serverWatcher .text{ height: 18px;margin-bottom: 14px;}
.serverWatcher .text>i{ width: 18px;height: 18px; background: url("../images/tenement/icon.png") no-repeat center; background-size:100% 100%; float: left;margin-right: 6px;  }
.serverWatcher .text>span{line-height: 18px;float: left;font-size: 14px;color:#999;}
.serverWatcher .tel{overflow: hidden;}
.serverWatcher .tel li{width: 172px;float: left;margin-right: 3px;box-sizing: border-box;padding: 12px 18px; background:rgba(232,209,48,.1);border:1px solid rgba(255,252,236,1);  }
.serverWatcher .tel li:last-of-type{ margin-right: 0; }
.serverWatcher .tel li .top{ height: 18px; margin-bottom: 10px; }
.serverWatcher .tel li .top span:first-child{height: 18px;float: left;color: #333;font-size: 16px;line-height: 18px; font-weight:500;margin-right: 8px;}
.serverWatcher .tel li .top span:last-child{height: 18px; float: left; color: #1A1A1A; font-size: 12px; line-height: 19px; padding: 0 6px;background:rgba(244,220,54,.5);  border-radius:3px; }
.serverWatcher .tel li .bottom{height: 19px;}
.serverWatcher .tel li .bottom>i{width: 19px;height: 19px;background: url("../images/tenement/dianhua.png") no-repeat center;background-size:100% 100%;float: left; margin-right: 8px;}
.serverWatcher .tel li .bottom>span{height: 100%;line-height: 19px;font-size: 14px;color:#333;font-weight:500;}

.room_num { border-bottom: 1px solid #eee; color: #999;font-size: 14px }
.room_num .num { float: left; line-height: 40px; }
.room_num .otherlinks { float: right; }
.room_num .otherlinks li { padding: 0 20px 0 20px; float: left; line-height: 40px; height: 40px; }
.room_num .otherlinks li.sc {background: url(../images/sc.png) no-repeat 0 center;
    cursor: pointer;}

.room_num .otherlinks li.share {
    background: url(../images/share.png) no-repeat 0 center;
    position: relative;
}

/*分享给好友弹出框 开始*/
.cd_m_pop_share {
    width: 108px;
    position: absolute;
    right: 0;
    top: 30px;
    border: 2px solid #ff9700;
    font-size: 0;
    display: none;
    background-color: #fff;
    z-index: 2;
}

.cd_m_pop_share > i, .cd_m_pop_share > em {
    display: block;
    position: absolute;
    top: -20px;
    left: 80px;
    height: 0;
    width: 0;
    border-width: 10px;
    border-style: solid;
}

.cd_m_pop_share > em {
    top: -17px;
    border-color: transparent transparent #fff transparent;
}

.cd_m_pop_share > i {
    border-color: transparent transparent #ff9700 transparent;
}

.cd_m_pop_share > a {
    display: block;
    text-indent: 40px;
    height: 38px;
    cursor: pointer;
    line-height: 38px;
    color: #333;
    font-size: 12px;
    background-image: url(../images/shareicon.png);
    background-repeat: no-repeat;
}

.cd_m_pop_share > a:hover {
    background-color: #f2f2f2;
    color: #ff9700;
}

.cd_m_pop_share_i1 {
    background-position: 15px 10px;
}

.cd_m_pop_share_i2 {
    background-position: 15px -28px;
}

.cd_m_pop_share_i3 {
    background-position: 15px -66px;
}

.cd_m_pop_share_i4 {
    background-position: 15px -104px;
}

/*分享给好友弹出框 结束*/

/*微信分享弹窗 begin*/
#weixin_share {
    position: fixed;
    z-index: 2147483647;
    display: none;
}

#weixin_share .weixin_modal {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -200px 0 0 -200px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 360px;
    height: 360px;
    overflow: hidden;
}

#weixin_share .modal_header {
    border-bottom: 1px solid #EEEEEE;
    padding: 9px 15px;
}

#weixin_share .weixinclose {
    text-decoration: none;
    margin-top: 2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

#weixin_share .modal_body {
    text-align: center;
    height: 236px;
    padding-top: 15px;
}

#weixin_share .modal_foot {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF inset;
    height: 100%;
    padding: 0 10px;
    padding-top: 11px;
    text-align: left;
    font-size: 12px;
    line-height: 25px;
}

/*微信分享弹窗 end*/


/*大图展示 begin*/
#bigPhotShow{position:fixed; z-index: 9999; width: 100%; height: 100%; background:url(../images/modal.png); left: 0; top: 0; overflow-y:auto; color: #999; display:none;}
#bigPhotShow .close{width:40px; height:40px; background:url(../images/bigClose.png) no-repeat -5px -5px; position:absolute; right:20px; top:20px; cursor:pointer; z-index:9;
    -webkit-transition:-webkit-transform .6s ease; -ms-transition:-ms-transform .6s ease; -moz-transition:-moz-transform .6s ease; transition:transform .6s ease;}
#bigPhotShow .close:hover{ background:url(../images/bigClose.png) no-repeat -5px -55px;-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}

#lofslidecontent46 {overflow: hidden;position: relative;text-align: center;height:100%; width:100%;color: #fff;margin-bottom:0px;z-index:1;}
#lofslidecontent46 .lof-main-outer {height: 100%;overflow: hidden;position: relative;width: 100%; }
#lofslidecontent46 ul.lof-main-wapper {left: 0;overflow: hidden;position: absolute;top: 0;width: 100%; border:none; height:100%;}
#lofslidecontent46 ul.lof-main-wapper li {height:100%; margin: 0;overflow: hidden;position: relative;width: 100%; background:none;}
#lofslidecontent46 ul.lof-main-wapper li img{margin:0 auto; max-width:800px; max-height:600px; width:auto; height:100%;}

#lofslidecontent46 .lof-main-outer .lof-previous{width:50px; height:60px; left:30px; top:50%; margin-top:-30px; z-index:99; background:url(../images/bigPrev.png) no-repeat 0 0; float:none; position: absolute;
    display:block; }
#lofslidecontent46 .lof-main-outer .lof-previous:hover{background:url(../images/bigPrev.png) no-repeat 0 -60px; }
#lofslidecontent46 .lof-main-outer .lof-next {width:50px; height:60px; left:auto; right:30px;  top:50%; margin-top:-25px; z-index:99; background:url(../images/bigPrev.png) no-repeat -50px 0; float:none;
    position: absolute; display:block;}
#lofslidecontent46 .lof-main-outer .lof-next:hover{background:url(../images/bigPrev.png) no-repeat -50px -60px;}
/*大图展示 end*/



/*公共模型 begin*/
.roommod .title {    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 1;
    padding-top: 40px;
    color: #000000;
    font-weight: bold;}
.roommod .title .tit {height:55px;font-size:20px; z-index: 5;}
.roommod .count {color: #333;line-height: 150%;font-size: 14px;}
/*公共模型 end*/


/*入住须知 begin*/
.notes {padding: 20px 0;}
.notes ul li{float: left;}
.notes ul li.n1 { width: 329px; border-right: 1px solid #ececec;}
.notes ul li.n2 { width: 519px; border-right: 1px solid #ececec;}
.notes ul li.n3 { width: 350px;}
.notes ul li .note-name {width: 90px; text-align: center;margin-right: 50px;float: left;}
.notes ul li .note-name i { width: 90px; height: 80px;display: inline-block;}
.notes ul li .note-name h3 {color: #838383;font-size: 20px; height: 30px;line-height: 30px;}
.notes ul li.n1 .note-name i {background:url(../images/note01.png) no-repeat center center;}
.notes ul li.n2 .note-name i {background:url(../images/note02.png) no-repeat center center;}
.notes ul li.n3 .note-name i {background:url(../images/note03.png) no-repeat center center;}
.notes ul li.n2 .note-name,.notes ul li.n3 .note-name {margin-left: 60px;}
.notes ul li .note-info {float: left; margin-top: 10px;}
.notes ul li .note-info p {line-height: 35px;}
.notes ul li .note-info p .type {color: #999999;margin-right: 8px;}
/*入住须知 end*/


/*房屋配置 begin*/
.configuration {
    margin-bottom: 40px;
    text-align: left;
}

.configuration li {
    display: inline-block;
    width: 60px;
    float: left;
    text-align: center;
    color: #1A1A1A;
    font-size: 12px;
    margin: 0 30px;
}

.configuration li span {
    display: block;
    width: 60px;
    height: 60px;
}

.configuration li span.bed {
    background: url("../images/tenement/chuang.png") no-repeat center;
}

/*床*/
.configuration li span.chest {
    background: url("../images/tenement/yigui.png") no-repeat center;
}

/*衣柜*/
.configuration li span.desk {
    background: url("../images/tenement/shuzuo.png") no-repeat center;
}

/*书桌*/
.configuration li span.wifi {
    background: url("../images/tenement/wifi.png") no-repeat center;}

/*WIFI*/
.configuration li span.washing {
    background: url("../images/tenement/xiyiji.png") no-repeat center;
}

/*洗衣机*/
.configuration li span.hanger {
    background: url("../images/tenement/yijia.png") no-repeat center;
}

/*衣架*/
.configuration li span.calorifier {
    background: url("../images/tenement/reshuiqi.png") no-repeat center;
}

/*热水器*/
.configuration li span.air-condition {
    background: url("../images/tenement/kongtiao.png") no-repeat center;
}

/*空调*/
.configuration li span.doorlock {
    background: url("../images/tenement/mensuo.png") no-repeat center;
}

/*智能门锁*/
.configuration li span.bedside {
    background: url("../images/tenement/mensuo.png") no-repeat center;
}

/*床头柜*/
.configuration li span.sofa {
    background-position: 0px -600px;
}

/*沙发*/
.configuration li span.desklamp {
    background: url("../images/tenement/taideng.png") no-repeat center;
}

/*台灯*/
.configuration li span.icebox {
    background: url("../images/tenement/bingxiang.png") no-repeat center;
}

/*冰箱*/
.configuration li span.gasstove {
    background: url("../images/tenement/ranqizao.png") no-repeat center;
}

/*燃气灶*/
.configuration li span.eatdesk {
    background: url("../images/tenement/canzhuoyi.png") no-repeat center;
}

/*餐桌椅*/
.configuration li span.bookcase {
    background: url("../images/tenement/shugui.png") no-repeat center;
}

/*书柜*/
.configuration li span.shoeark {
    background: url("../images/tenement/xiegui.png") no-repeat center;
}

/*鞋柜*/
.configuration li span.microwave {
    background: url("../images/tenement/weibolu.png") no-repeat center;
}

/*微波炉*/
/*房屋配置 end*/


/*房间信息 begin*/
.infoCon{margin-top:36px;}
.greatRoommate li{float: left; width: 232px; height: 236px;margin-right: 10px; background: #fff; margin-bottom:30px;}
.greatRoommate>li{box-shadow:0px 4px 0px rgba(0,0,0,0.05);-moz-box-shadow:0px 4px 0px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 4px 0px rgba(0,0,0,0.05);  }
.greatRoommate>li.current{box-shadow:0px 4px 0px rgba(244,220,54,1);-moz-box-shadow:0px 4px 0px rgba(244,220,54,1); -webkit-box-shadow: 0px 4px 0px rgba(244,220,54,1);}
.greatRoommate li .box{ background-color: #fff; height: 236px;}
.greatRoommate li.last{margin-right: 0;}
.greatRoommate .user_top{height: 34px; border: solid 1px #ededed; color: #fff; padding: 0 20px; padding-top: 12px; background-color: #cfcfcf; border-radius: 4px 4px 0 0}
.greatRoommate .user_center{height: 82px; border: solid 1px #ededed; border-top: 0; background-color: #fff;}
.greatRoommate .user_bottom{height: 84px; text-align: center; line-height: 18px; padding: 10px 0; border:1px solid #ededed; border-top: 0; font-size:16px; background-color: #fff;border-radius: 0 0 4px 4px}
.greatRoommate .user_top .num{font-size:18px; margin-bottom:3px; float: left;}
.greatRoommate .user_top .area{font-size:14px; margin-bottom:3px; float: right;}
.greatRoommate .user_top .area em{font-size: 18px;}
.greatRoommate .user_center p{float: left; width: 114px;  text-align: center; line-height: 18px; padding: 10px 0; height: 64px; font-size:16px;}

.greatRoommate .user_center p span {
    display: block;
    font-size: 12px;
    padding: 6px 0;
    padding-bottom: 2px;
    color: #999;
}
.greatRoommate .user_center p span.ellipsis{font-size:16px;padding: 0; height: 24px;line-height: 24px; color: #333;}

.greatRoommate .user_center .ico {
    width: 40px;
    height: 40px;
    display: inline-block;
}
.greatRoommate .user_center .ico.girl {background: url(../images/girl.png) 0 center no-repeat;}
.greatRoommate .user_center .ico.boy {background: url(../images/boy.png) 0 center no-repeat;}

.greatRoommate .user_bottom p{float: left; width: 114px;  text-align: center; line-height: 18px; padding: 10px 0; font-size:14px;}
.greatRoommate .user_bottom span{font-size:12px;}
.greatRoommate .tags{display: inline-block; border-radius: 3px; height: 28px; line-height: 28px; width: 130px; margin-top: 8px; text-align: center; color: #fff; background: #ffa000;}
.greatRoommate li.current .user_top {border-color: #F4DC36;background-color: #F4DC36; color: #1a1a1a;}
.greatRoommate li.current .tags{background: #F4DC36;color: #1A1A1A;border: 1px solid #F4DC36}
.greatRoommate .price .val{ font-size: 16px; color: #333; }
.greatRoommate .price .val em { font-size: 18px; color: #f8302b; }
.greatRoommate .price .val i { font-size: 20px; color: #f8302b; }
.greatRoommate li.rentout .tags{ background-color: #dadada; color: #fff; }
.greatRoommate .user_bottom .td {line-height: 18px; height:18px; padding: 10px; font-size:14px;}
.greatRoommate .user_bottom .td li{float: left; height: 18px; width: auto; margin: 0; margin-right: 14px; padding-left: 25px; background: url(../images/tdbg.png) 0 center no-repeat;}
.greatRoommate li.wait .user_bottom .td li{background: url(../images/wtdbg.png) 0 center no-repeat;}
.greatRoommate li.wait .tags{ background-color: #fff; color: #1A1A1A; border: 1px solid #1A1A1A }
.greatRoommate .sign{border-right: solid 1px #ededed;}
.greatRoommate .price{border-right: solid 1px #ededed;}
.greatRoommate li.wait.pzz .tags {border-color: #dadada;color: #dadada;}

/*房间信息 end*/

/*付款方式 begin*/
.payCon {
    margin-top: 30px;
    width: 70%;
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
}
.payCon table{width: 100%; padding: 0; margin: 0;}

.payCon th {
    background: #f6f6f6;
    height: 65px;
    font-size: 18px;
    color: #333;
    text-align: center;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.payCon th .yearpay {position: relative; display: inline-block;}
.payCon th .yearpay .tj { width: 40px; height: 28px; background: url(../images/tj.png) no-repeat; font-size: 12px; color: #fff; position: absolute; top: -10px;left: 48px; display:inline-block;}
.payCon td{text-align: center;border-right:1px solid #ededed;border-bottom:1px solid #ededed; line-height: 60px; padding: 0; font-size:14px;}
.payCon .fc666 {color: #666;}
.payCon td .txt{display: inline-block; width: 60px; background: #face03; color: #fff; height: 20px; line-height: 20px; border-radius: 3px;}
.payCon td .tips { color: #fff; background: #ff4444;padding: 2px; display:inline-block; line-height: 12px; font-size: 12px;margin-left: 5px;}
/*付款方式 end*/

/*房间特色 begin*/
.words {padding: 10px 0 30px 0px;}
.words dl { padding: 10px 0; }

.words dl dt {
    width: 80px;
    text-align: center;
    margin: 5px 0;
    height: 20px;
    line-height: 20px;
    color: #fff;
    float: left;
}
.words dl dd {margin-left: 100px; line-height: 30px;}
.words dl.feature dt{ background-color: #61b3ff; }
.words dl.eat dt{ background-color: #ff9600; }
.words dl.shop dt{ background-color: #ff6589; }
.words dl.traffic dt{ background-color: #39e6d0; }
/*房间特色 end*/

/*交通周边*/
.map-model {position: relative;width: 100%;height: 450px;}
#map{ width: 100%;height: 450px; }
.point-estate {font-size: 0;white-space: nowrap;border-radius: 2px;opacity: .9;padding: 0 5px;}
.point-estate .arrow {display: block;background-image: url(../images/map-icons.png);background-repeat: no-repeat;}
.point-estate .tips{border-radius: 0 2px 2px 0;padding: 0 5px;}
.map_tag_wrap {position: absolute;right: 0;bottom: 60px;}
.map_tag_wrap a {display: block;width: 110px;height: 30px;line-height: 30px;font-size: 12px;color: #fff;margin-top: 5px;position: relative;}
.map_tag_wrap a span {display: inline-block;width: 80px;line-height: 30px;text-align: center;background-color: #555a64;opacity: .9;position: absolute;right: 0;}
.map_tag_wrap a.cur span {background-color: #fff;color: #222;}
.map_tag_ico {display: inline-block;width: 30px;height: 30px;}
.map_tag_wrap a.map_action .traffic_icon {background-color: #426bcd}
.map_tag_wrap a.map_action .business_icon {background-color:#f87b01}
.map_tag_wrap a.map_action .school_icon {background-color:#04b09a}
.map_tag_wrap a.map_action .medical_icon {background-color:#dd0e49}
.map_tag_wrap a .map_tag_ico {position: absolute;left: 0;background-color: #555a64;opacity: 1;}
.map_tag_wrap .traffic_icon i {background-position: -160px -20px;width: 16px;height: 16px;}
.map_tag_wrap .business_icon i {background-position: -160px -78px;width: 16px;height: 13px;}
.map_tag_wrap .school_icon i {background-position: -160px -65px;width: 17px;height: 13px;}
.map_tag_wrap .medical_icon i {background-position: -160px -36px;width: 15px;height: 15px;}
.map_tag_ico i {display: inline-block;background: url("../images/icon-sp-map.png") no-repeat;margin-top: 7px;margin-left: 7px;}
.some-items,.some-items .tips .down,.some-items .tips .distance i{background: url("../images/icon-sp-map.png") no-repeat;}
.some-items {position: absolute;width: 32px;height: 38px;cursor: pointer;display: none;-moz-user-select: none;background-position: -64px -38px;}
.some-items:hover {background-position: 0 -76px;}
.item_bus {background-position: 0 0;}
.item_bus:hover {background-position:-64px -114px}
.item_buy {background-position: -64px 0;}
.item_buy:hover {background-position: -128px 0;}
.item_eat{background-position: -128px -38px;}
.item_eat:hover{background-position: 0 -114px;}
.item_bank{background-position: 0 -38px;}
.item_bank:hover{background-position: -96px -76px;}
.item_school{background-position: -32px -38px;}
.item_school:hover{background-position: -64px -76px;}
.item_hospital {background-position: -64px -38px;}
.item_hospital:hover {background-position: 0 -76px;}
.some-items .tips {display: none;position: absolute;bottom: 48px;left: -12px;font-size: 12px;color: #333;background: #fff;border: 1px solid #f0f0f0;border-radius: 4px;padding: 10px 15px 10px;width: 230px;z-index: 10;
    box-shadow: 4px 4px 4px #999;}
.some-items .tips .down {position:absolute;bottom:-11px;left:19px;width:15px;height:11px;background-position:-160px -107px}
.some-items .tips .distance {position:absolute;right:15px;top:12px;height:15px}
.some-items .tips .distance i {margin-right:4px;display:inline-block;vertical-align:-1px;width:12px;height:12px;background-position:-160px -118px}
.some-items .tips .address {font-size:12px;color:#333;width:230px;line-height:20px;margin-top:5px;white-space:normal}
.some-items .tips h5 {font-size:14px;color:#f60;width:175px;overflow:hidden;text-overflow:ellipsis}
/*交通周边 end*/

/*五折房源 活动*/
.isActivity:before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 78px;
    height: 34px;
    background: url("/images/activity/activityLabel.png") no-repeat center;
    background-size: cover;
    z-index: 2;
}
.activityLabel{
    display: inline-block;
    width: 150px;
    height: 23px;
    margin-left: 20px;
    background: url("/images/activity/pcss.png") no-repeat center;
    background-size: contain;
    position: relative;
    top: 5px;
    transition: all 0.5s;
}

.activityLabel .rules{
    position: absolute;
    right: -1150px;
    top: 38px;
    z-index: 10;
    width: 418px;
    padding: 0 45px;
    background: #fff;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    transition: all 0.5s;
}
.activityLabel:hover .rules{
    right:-150px;
}
.activityLabel .rules h4{
    text-align: center;
    font-size:22px;
    line-height:48px;
    font-weight: normal;
    border-bottom: 1px solid #f0f0f0;
    color: #f60;
}
.activityLabel .rules h5{
    color: #333;
    line-height: 20px;
    padding-top: 14px;
}
.activityLabel .rules p{
    line-height: 20px;
}
.activityLabel .rules:before{
    content: '';
    position: absolute;
    right:212px;
    top: -11px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff;
}

/*detail  new*/
.roomDetails{width: 522px;position: relative;float: right;}
.roomDetails span{display: inline-block}
.roomDetails .bargain_price_icon{width: 43px;height: 23px;vertical-align:middle;background: url("../images/roomDetails/bargain_price_icon.png") no-repeat center;background-size: cover;margin-right: 10px;}
.roomDetails .building{font-size:24px;color:#1A1A1A;}
.roomDetails .address{height: 18px;line-height:18px;font-size: 12px;color:#9B9B9B;padding-left: 20px;background: url("../images/roomDetails/address_icon.png") no-repeat left center;margin: 5px 0; }
.roomDetails .lived_alone{width: 185px;height: 24px;line-height:24px;font-size:12px;background: #E8FBF9;border-radius:25px;color: #0AD0C0;margin-bottom: 25px;}
.roomDetails .lived_alone span:first-of-type{color:#fff;width: 60px;text-align: center;font-size: 14px;background:#0AD0C0;border-radius:25px;margin-right: 5px; }
.roomDetails .is_first_icon{color:#FF830E;font-size:14px;width: 107px;height: 28px;line-height:28px;text-align:center;background: url("../images/roomDetails/is_first_icon.png") no-repeat center;background-size: cover;margin-right: 8px;position: relative;top: -4px;margin-bottom: 14px;}
.roomDetails .price{color: #FF571A;font-size: 26px;font-weight: bold;}
.roomDetails .price_txt{color: #1A1A1A;font-size: 12px;}
.roomDetails .room_tags{position: relative;top: -2px;margin-bottom: 0;height: 20px;}
.roomDetails .room_tags span{width: 40px;height: 20px;line-height: 20px;font-size: 12px;color: #666766;text-align: center;margin-right: 8px;border: 1px solid #C3C3C3;border-radius: 12px;}
.roomDetails .activities p{margin-bottom: 8px;}
.roomDetails .activity_icon{color:#F8ECD2;font-size:14px;text-align:center;width: 78px;height: 28px;line-height: 28px;background: url("../images/roomDetails/activity_icon.png") no-repeat center;background-size: cover;margin-right: 13px;}
.roomDetails .activity_name{font-size: 14px;color: #333333;}
.roomDetails .details{padding: 15px 10px 0; color: #1A1A1A; font-size: 14px; margin-bottom: 18px;border: 1px solid #F2F2F2;}
.roomDetails .details li{padding-left:25px;margin-bottom: 15px;height: 16px;line-height: 16px;background: url("../images/roomDetails/details_icon1.png") no-repeat left center;}
.roomDetails .details li:nth-of-type(2){background: url("../images/roomDetails/details_icon2.png") no-repeat left center;}
.roomDetails .details li:nth-of-type(3){background: url("../images/roomDetails/details_icon3.png") no-repeat left center;}
.roomDetails .details li:nth-of-type(4){background: url("../images/roomDetails/details_icon4.png") no-repeat left center;}
.roomDetails .btn_wrap a{float: left;}
.roomDetails .custom_service{color:#252732;font-size:18px;width: 200px;height: 67px;line-height:67px;background: url("../images/udesk.png") no-repeat center;background-size: cover;padding-left: 73px;}
.roomDetails .bespeaks{width: 117px;height: 42px;line-height: 42px;color:#1A1A1A;font-size: 14px;background: #FFFBDE;border: 1px solid #FFF395;border-radius: 6px;margin: 10px 25px;text-align: center;  }

.infoReport .layui-layer-setwin:after{display: none}
.infoReport .layui-layer-setwin{right:5px;top: 5px; }
.infoReport .layui-layer-setwin a{background: url("../images/infoReport3.png") no-repeat center;position: absolute;  right: 0;top: 0;width: 42px;height:42px;}
.infoReport .layui-layer-setwin .layui-layer-close2:hover{background-position: center}

.descDetails{width:96%;text-align: right;padding-right: 18px;color:#999999;line-height: 24px; background: url("../images/reportIcon.png") no-repeat right center;background-size: 12px 12px;cursor: pointer;}
.infoReportWrap{padding:12px 11px  12px 16px;background: #E7F0E5;position: relative;}
.infoReportWrap .icon{width: 37px;height: 28px;display: block;background: url("../images/leaf.png") no-repeat center;margin-right:16px;margin-top: 10px; }
.infoReportWrap h4{color: #87BB79;font-size: 16px;margin-bottom: 8px;font-weight: normal;}
.infoReportWrap p{color: #87BB79;font-size: 14px;}
.infoReportWrap p span{display: inline-block;vertical-align: middle;margin-right: 5px;}
.infoReportWrap p span:first-of-type{margin-right: 15px;}
.reportDetails{color: #A1C497;position: absolute;right: 11px;top: 40%;}
.infoReportTable{width: 100%;margin-top: 24px;}
.infoReportTable th ,.infoReportTable td{padding: 10px 15px;}
.infoReportTable th {font-size: 12px;color: #fff;background:#84B278 }
.infoReportTable td {font-size: 12px;color: #87BB79;background:#F6F9F5 }

/*首月免租*/
.is_free_icon{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/activity/isFreeIcon.png") no-repeat left center;margin-bottom: 14px;font-size: 14px;font-weight: bold}
.early_autumn_preference{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/activity/chuqiutehui@3x.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
/*中秋活动*/
.festival_preference{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/activity/xiaotuanyuan.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
/*guoqinghuodong*/
.national_preference{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/activity/guoqinghuodong_tag.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
/*yujianjinli.png*/
.national_yujianjinli{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/activity/yujianjinli.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
/*yuniyouyue.png*/
.national_yuniyouyue{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/activity/yuniyouyue.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
.national_dujia{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/detailDj.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
.national_decActivity{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/kuanian.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
.kuanianmiaosha{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/kuanianmiaosha.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}
.anniversaryActivity{color:#333;padding-left: 90px;height: 28px;line-height: 28px;background: url("../images/biaoqian_sanzhounianqin.png") no-repeat left center;background-size:78px 28px;margin-bottom: 14px;font-size: 14px;font-weight: bold}

.redEnvelopActivity {
    color: #333;
    padding-left: 90px;
    height: 28px;
    line-height: 28px;
    background: url("../images/xiaobiaoqian_yujianchuxia.png") no-repeat left center;
    background-size: 78px 28px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold
}

.freeThreeActivity {
    color: #333;
    padding-left: 90px;
    height: 28px;
    line-height: 28px;
    background: url("../images/2020/06/sanyuemianzu_detail.png") no-repeat left center;
    background-size: 78px 28px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold
}

.langChaoActivity {
    color: #333;
    padding-left: 90px;
    height: 28px;
    line-height: 28px;
    background: url("../images/2020/06/langchao_detail.png") no-repeat left center;
    background-size: 78px 28px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold
}

.niuDanActivity {
    color: #333;
    padding-left: 90px;
    height: 28px;
    line-height: 28px;
    background: url("../images/2020/09/shouyuesizhe_detail.png") no-repeat left center;
    background-size: 78px 28px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold
}

.diJiaActivity {
    color: #333;
    padding-left: 90px;
    height: 28px;
    line-height: 28px;
    background: url("../images/2020/12/dijiamiaosha_detail.png") no-repeat left center;
    background-size: 78px 28px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold
}

.lightenActivity {
    color: #333;
    padding-left: 90px;
    height: 28px;
    line-height: 28px;
    background: url("../images/2021/03/dianliang_detail.png") no-repeat left center;
    background-size: 78px 28px;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold
}

